<template>
	<view>
		<view class="idea">
			<view class="item">
				反馈说明：
			</view>
			<view class="cell">
				<u--textarea v-model="evaluateText" placeholder="请输入您要反馈的内容~" count ></u--textarea>
			</view>
		</view>
		<view class="bottom-btn">
			<view class="button" @click="onsubmit">
				<!-- <u-icon name="rmb" color="#fff" size="12"></u-icon> -->
				<view style="font-size: 47rpx;margin:0 10rpx;"></view>提交反馈
			</view>
		</view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	import api_mine from '@/api/mine'
	export default {
		data() {
			return {
				evaluateText: ''
			}
		},
		methods: {
			onsubmit() {
				api_mine.feedback({
					feedbackValue: this.evaluateText
				}).then(res => {
					if (res.code == 200) {
						this.evaluateText=''
						this.$refs.uToast.show({
							type: 'success',
							title: '成功主题(带图标)',
							message: "提交成功",
							iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png',
							complete() {
								uni.navigateBack()
							}
						})

					}
				})

			},
		}
	}
</script>

<style lang="scss">
	.idea {
		padding: 16rpx;

		.item {
			color: black;
			font-size: 32rpx;
		}

		.cell {
			padding-top: 20rpx;
		}

	}

	.bottom-btn {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 80px;
		background-color: #fff;
		padding: 22rpx 30rpx 44rpx;

		.button {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 94rpx;
			border-radius: 63rpx;
			background: rgba(194, 126, 21, 1);
			font-size: 34rpx;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}
	}
</style>